
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<head>
<title>Market place</title>
</head>
<body>
	<ui:composition>
		<p:panel id="reasonPanel" style="width:98%;height:650px">

			<h:panelGrid>
				<h:panelGroup>
					<h:graphicImage library="images" name="icons/system/balls16.gif" />
					<h:outputText value="#{info.reasonOne}"
						style="font-size:1.2em;font-stype:bold;color:red"></h:outputText>
				</h:panelGroup>
				<h:outputText value="#{info.reasonOneDetail}"></h:outputText>
			</h:panelGrid>
			<p:separator />
			<h:panelGrid>
				<h:panelGroup>
					<h:graphicImage library="images" name="icons/system/balls16.gif" />
					<h:outputText value="#{info.reasonTwo}"
						style="font-size:1.2em;color:red"></h:outputText>
				</h:panelGroup>
				<h:outputText value="#{info.reasonTwoDetail}"></h:outputText>
			</h:panelGrid>
			<p:separator />
			<h:panelGrid>
				<h:panelGroup>
					<h:graphicImage library="images" name="icons/system/balls16.gif" />
					<h:outputText value="#{info.reasonThree}"
						style="font-size:1.2em;color:red"></h:outputText>
				</h:panelGroup>
				<h:outputText value="#{info.reasonThreeDetail}"></h:outputText>
			</h:panelGrid>
			<p:separator />
			<h:panelGrid>
				<h:panelGroup>
					<h:graphicImage library="images" name="icons/system/balls16.gif" />
					<h:outputText value="#{info.reasonFour}"
						style="font-size:1.2em;color:red"></h:outputText>
				</h:panelGroup>
				<h:outputText value="#{info.reasonFourDetail}"></h:outputText>
			</h:panelGrid>
			<p:separator />
			<h:panelGrid>
				<h:panelGroup>
					<h:graphicImage library="images" name="icons/system/balls16.gif" />
					<h:outputText value="#{info.reasonFive}"
						style="font-size:1.2em;color:red"></h:outputText>
				</h:panelGroup>
				<h:outputText value="#{info.reasonFiveDetail}"></h:outputText>
			</h:panelGrid>
			<p:separator />
			<h:panelGrid>
				<h:panelGroup>
					<h:graphicImage library="images" name="icons/system/balls16.gif" />
					<h:outputText value="#{info.reasonSix}"
						style="font-size:1.2em;color:red"></h:outputText>
				</h:panelGroup>
				<h:outputText value="#{info.reasonSixDetail}"></h:outputText>
			</h:panelGrid>
			<p:separator />
			<h:panelGrid>
				<h:panelGroup>
					<h:graphicImage library="images" name="icons/system/balls16.gif" />
					<h:outputText value="#{info.reasonSeven}"
						style="font-size:1.2em;color:red"></h:outputText>
				</h:panelGroup>
				<h:outputText value="#{info.reasonSevenDetail}"></h:outputText>
			</h:panelGrid>
			<p:separator />
			<h:panelGrid>
				<h:panelGroup>
					<h:graphicImage library="images" name="icons/system/balls16.gif" />
					<h:outputText value="#{info.reasonEight}"
						style="font-size:1.2em;color:red"></h:outputText>
				</h:panelGroup>
				<h:outputText value="#{info.reasonEightDetail}"></h:outputText>
			</h:panelGrid>
			<p:separator />
		</p:panel>
		<p:effect event="load" type="slide" for="reasonPanel" speed="1500"></p:effect>
	</ui:composition>
</body>
</html>